<template>
    <div class="right-body">
        <div class="operation-layout">
            <div class="operation-list">
                <ul>
                    <li v-for="(val,index) in tabArr" :key="index" :class="[active==index?'active':'']" @click="active=index">
                        <span>{{val}}</span>
                        <div class="after"></div>
                    </li>                    				
                </ul>                
            </div>				
        </div>
		<!-- 个人资料 -->
		<userData v-if="active==0"></userData>
		<!-- 个人相册 -->
		<userPhoto v-if="active==1"></userPhoto>        	                 
    </div>
</template>
<script>
import apiHttp from '../../api/index'
import userData from './userData'
import userPhoto from './userPhoto'
export default {
    data(){
        return{
            active:0,
            tabArr:['个人资料','相册管理']            
        }
	},
	components:{
		userData,
		userPhoto
	}   
}
</script>
<style scoped>
   
</style>

